/* resize */
blockquote,body,button,dd,dl,dt,fieldset,h1,h2,h3,h4,h5,h6,hr,input,lengend,li,ol,p,pre,td,textarea,th,ul {
	margin: 0;
	padding: 0
}

body,button,input,select,textarea {
	font-size: .14rem;
	font-family: -apple-system,Helvetica,Helvetica Neue,PingFang SC,'微软雅黑',Heiti SC,sans-serif;
}

i {
	font-style: normal
}

u {
	text-decoration: none
}

address,cite,dfn,em,var {
	font-style: normal
}

code,kbd,pre,samp,tt {
	font-family: "Courier New",Courier,monospace
}

ol,ul {
	list-style: none
}

a {
	text-decoration: none;
	outline: 0;
	color: inherit;
	cursor: pointer
}

abbr[title],acronym[title] {
	border-bottom: 1px dotted;
	cursor: help
}

q:after,q:before {
	content: ''
}

button,input,select,textarea {
	outline: 0;
	font-size: 100%
}

legend {
	color: #000
}

fieldset,img {
	border: none
}

table {
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0
}

img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%
}

textarea {
	resize: none
}

hr {
	border: none;
	background: #eee
}

ins {
	text-decoration: none
}

button {
    text-align: center;
	cursor: pointer
}
/* end resize */

/* frame */
html {
	font-size: 100px;
}

@media screen and (max-width: 1280px) {
	html {
		font-size: 7.8125vw;
	}
}

@media screen and (max-width: 750px) {
	html {
		font-size: 13.3333vw;
	}
}

body {
	margin: 0 auto;
    overflow-x: hidden;
}
/* end frame */

/* public */
.m-content {
    width: 12.40rem;
    margin: 0 auto;
}

.m-content:after,
.float-box:after {
    content: '';
    display: block;
    clear: both;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.fc {
    clear: both;
}

.m-textarea {
    min-height: 6rem;
    line-height: .3rem;
    font-size: .15rem;
    color: #333;
}
.m-textarea img {
    /*display: block !important;*/
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.f-text-ellipsis,
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.f-text-ellipsis-2,
.f-text-ellipsis-3,
.ellipsis-2,
.ellipsis-3,
.ellipsis-n {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    -webkit-box-orient: vertical;
}
.f-text-ellipsis-2,
.ellipsis-2 {
    -webkit-line-clamp: 2;
}
.f-text-ellipsis-3,
.ellipsis-3 {
    -webkit-line-clamp: 3;
}
/* end public */

/* head */
.m-head {
    background-color: #003F88;
    background-image: url('../img/head_bg.jpg');
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.m-head .m-content {
    height: 1.05rem;
    overflow: hidden;
}
.m-head .logo {
    width: 3.76rem;
    height: .65rem;
    margin-top: .20rem;
}

.m-head .link {
    margin: .16rem 0 .12rem;
    font-size: .13rem;
    color: #fff;
}
.m-head .link a:hover {
    text-decoration: underline;
    color: #dde2ea;
}
.m-head .link i {
    width: 1px;
    height: .13rem;
    margin: 0 .5em;
    background: #fff;
}

.m-head .search {
    font-size: 0;
}
.m-head .search input {
    width: 2.50rem;
    height: .40rem;
    border: none;
    border-right: 0;
    border-radius: .04rem 0 0 .04rem;
    padding: 0 .10rem;
    font-size: .13rem;
}
.m-head .search button {
    width: .70rem;
    height: .40rem;
    border: none;
    border-radius: 0 .04rem .04rem 0;
    font-size: .14rem;
    font-weight: bold;
    color: #fff;
    background: #F88D2F;
}
.m-head .search button:hover {
    background: #ff6900;
}

.m-head .menu {
    display: none;
}
/* end head */

/* nav */
@media screen and (min-width: 751px) {
    .m-nav {
        background: #fff;
        box-shadow: 0 0 8px 0 rgba(10,4,6,.15);
    }
    
    .m-nav .m-content {
        height: .60rem;
    }

    .m-nav .nav dl {
        position: relative;
    }
    .m-nav .nav dt {
        position: relative;
        height: .60rem;
        padding: 0 .24rem;
        line-height: .60rem;
        font-size: .16rem;
        text-align: center;
        color: #083F88;
        cursor: pointer;
    }
    .m-nav .nav dl:hover dt {
        color: #fff;
        background: #005BC5
    }
    .m-nav .nav dl dt.z-crt {
        font-weight: bold;
        color: #083F88;
        background: none;
    }
    .m-nav .nav dt.z-crt:after {
        content: '';
        position: absolute;
        left: .26rem;
        right: .26rem;
        bottom: 0;
        height: .03rem;
        background: #083F88;
    }
    .m-nav .nav dt .tf {
        display: none;
    }
    .m-nav .nav dd {
        z-index: 99;
        position: absolute;
        left: 0;
        top: 100%;
        height: 0;
        padding: 0;
        overflow: hidden;
        background: #005BC5;
        transition: all .15s linear;
    }
    .m-nav .nav ul {
        padding: .12rem 0;
    }
    .m-nav .nav li {
        width: 1.80rem;
        line-height: .36rem;
        font-size: .14rem;
        text-indent: .17rem;
        color: #fff;
        transition: all .3s ease;
    }
    .m-nav .nav li:hover {
        background: #F88D2F;
    }
}

.m-nav .date {
    height: .60rem;
    line-height: .60rem;
    font-size: .13rem;
    color: #666;
}
/* end nav */

/* sub-nav */
.m-sub-nav {
    position: relative;
}
.m-sub-nav .banner {
    position: relative;
    height: 4.70rem;
    overflow: hidden;
	background-position: center;
	background-size: cover;
}
.m-sub-nav .banner img {
    position: absolute;
    left: 50%;
    top: 0;
    max-width: none;
    margin-left: -9.60rem;
}

.m-sub-nav .nav {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: .75rem;
    line-height: .75rem;
    color: #fff;
    background: rgba(0,0,0,.7);
}
.m-sub-nav .nav dt {
    min-width: 1.82rem;
    height: .75rem;
    margin-right: .48rem;
}
.m-sub-nav .nav dt .icon {
    width: .51rem;
    height: .51rem;
    border: .02rem solid #fff;
    border-radius: 100%;
    margin-right: .16rem;
    line-height: .51rem;
    font-size: .30rem;
    text-align: center;
}
.m-sub-nav .nav dt h1 {
    line-height: normal;
    font-size: .16rem;
}
.m-sub-nav .nav dt h2 {
    margin-top: .08rem;
    line-height: normal;
    font-size: .12rem;
    font-weight: normal;
}
.m-sub-nav .nav li {
    position: relative;
    min-width: .75rem;
    height: .75rem;
    padding: 0 1.5em;
    font-size: .15rem;
    text-align: center;
    white-space: nowrap;
}
.m-sub-nav .nav li.z-crt {
    background: #005BC5;
}
@media screen and (min-width: 751px) {
    .m-sub-nav .nav li:hover {
        background: #005BC5;
    }
    .m-sub-nav .nav li.z-crt:after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: .04rem;
        border-top: .05rem solid #fff;
        border-left: .05rem solid rgba(0,0,0,0);
        border-right: .05rem solid rgba(0,0,0,0);
        margin-left: -.05rem;
    }
}

.m-crumb {
    line-height: .55rem;
    font-size: .13rem;
    columns: #666;
}
.m-crumb a:hover {
	text-decoration: underline;
	color: #000;
}
.m-crumb i {
    margin: 0 .5em;
}
/* end sub-nav */

/* link */
.m-link {
	border-bottom: .03rem solid #F88D2F;
    background: #F5F5F5;
}
.m-link .m-content {
    height: .8rem;
    line-height: .8rem;
}
.m-link .m-content dl {
	position: relative;
	width: 2.8rem;
}
.m-link .m-content dl:nth-child(n+2) {
	margin-left: .24rem;
}
.m-link .m-content dt {
	height: .4rem;
	border: .01rem solid #D0DCED;
	padding: 0 .12rem;
	line-height: .4rem;
	font-size: .14rem;
	color: #000;
	background: #F3F8FF;
	cursor: pointer;
}
.m-link .m-content dt .tf {
	float: right;
}
.m-link .m-content dd {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	border: .01rem solid #D0DCED;
	margin-top: -.01rem;
	background: #F3F8FF;
}
.m-link .m-content dl.z-show dd {
	display: block;
}
.m-link .m-content li {
	line-height: .34rem;
	text-indent: .12rem;
	font-size: .13rem;
}
.m-link .m-content li:hover {
	color: #fff;
	background: #005BC4;
}
/* end link */

/* advert */
.m-advert {
    z-index: 10;
    position: fixed;
    left: 0;
    top: 30%;
    width: 1.20rem;
}
.m-advert a.close {
    display: inline-block;
    padding: .08rem .06rem;
    font-size: .13rem;
    color: #000;
}
.m-advert a.close:hover {
    font-weight: bold;
}
/* end advert */

/* foot */
.m-foot {
    color: #fff;
    background: #032752;
}

.m-foot .menu {
    height: 2.90rem;
    margin-top: .34rem;
}
.m-foot .menu dl {
    margin-right: 1rem;
}
.m-foot .menu dt {
    line-height: .46rem;
    font-size: .15rem;
    font-weight: bold;
}
.m-foot .menu li {
    line-height: .30rem;
    font-size: .13rem;
    color: #B5CCE5;
}
.m-foot .menu li:hover {
    text-decoration: underline;
    color: #fff;
}

.m-foot .contact {
    margin-top: .42rem;
}

.m-foot .contact .qrcode {
    margin-right: .28rem;
}
.m-foot .contact .qrcode div {
    width: 1.30rem;
    height: 1.30rem;
    background: #fff;
}
.m-foot .contact .qrcode p {
    margin-top: .15rem;
    font-size: .14rem;
    text-align: center;
}
.m-foot .contact .tel {
    margin: .08rem 0 .16rem;
    font-size: .24rem;
    font-weight: bold;
}
.m-foot .contact .item {
    padding: .04rem 0;
    line-height: .20rem;
    font-size: .13rem;
}

.copyright {
    clear: both;
    border-top: .01rem solid #234f81;
    line-height: .68rem;
}
.copyright .logo {
    width: 2.10rem;
    height: .38rem;
    margin-top: .15rem;
    background-image: url(../img/foot_logo.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.copyright p {
    font-size: .13rem;
    color: #83A5CC;
}
/* end foot */

/* pagination */
.m-pagination {
    padding: .54rem 0 .76rem;
}
.m-pagination a,
.m-pagination span {
    display: inline-block;
    height: .44rem;
    padding: 0 1.5em;
    margin-right: .10rem;
    line-height: .44rem;
    font-size: .14rem;
    text-align: center;
    color: #333;
    background: #F5F5F5;
}
.m-pagination .current,
.m-pagination a:hover {
    color: #fff;
    background: #0084FF;
}
/* end pagination */

/* popups */
    /* animation */
    .an-fadein {
        opacity: 0;
        opacity: 1\0;
        animation: fadeIn 0.4s;
        animation-fill-mode: forwards;
    }

    .an-fadeout {
        opacity: 1;
        animation: fadeOut 0.3s;
        animation-fill-mode: forwards;
    }

    .an-bounce {
        transform: scale(0.5);
        transform: scale(1)\0;
        animation: bounce 0.4s;
        animation-fill-mode: forwards;
    }

    @keyframes fadeIn {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @keyframes fadeOut {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }

    @keyframes bounce {
        0% {
            transform: scale(0.5);
        }

        100% {
            transform: scale(1);
        }
    }
    /* end animation */

    /* loading */
    .d-loading {
        z-index: 999;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
    }
    .d-loading:after {
        content: '';
        display: block;
        width: 60px;
        height: 24px;
        background: url(../img/loading.gif);
    }
    /* end loading */

    /* message */
    .d-message {
        z-index: 999;
        position: fixed;
        left: 50%;
        top: 50%;
        border-radius: 4px;
        padding: 14px 20px;
        background: rgba(0,0,0,.7);
        transform: translate(-50%, -50%);
    }
    .d-message p {
        max-width: 15em;
        min-width: 8em;
        line-height: 20px;
        font-size: 14px;
        text-align: center;
        word-break: break-all;
        color: #fff;
    }
    .d-message .df {
        margin-bottom: 8px;
        font-size: 36px;
    }
    .d-message .df-success {
        color: #37d003;
    }
    .d-message .df-fail {
        color: #eb3f2f;
    }
    /* end message */

    /* confirm */
    .confirm-content {
        position: relative;
        min-height: 50px;
        padding: 30px;
        line-height: 20px;
        font-size: 14px;
        word-break: break-all;
        background: #fff;
    }
    .confirm-content .df {
        margin-right: 30px;
        font-size: 50px;
        color: #ff5212;
    }
    /* end confirm */

    /* end dialog */
    .d-dialog-box {
        z-index: 999;
        position: fixed;
    }
    .d-dialog-box.z-full {
        left: 0 !important;
        top: 0 !important;
        right: auto !important;
        bottom: auto !important;
        width: 100% !important;
        height: 100% !important;
    }

    .d-dialog {
        border-radius: 4px;
        overflow: hidden;
        background: #fff;
        box-shadow: 0 0 5px rgba(100,100,100,.4);
    }

    .dialog-head {
        position: relative;
        height: 50px;
        border-bottom: 1px solid #eee;
        line-height: 50px;
    }
    .dialog-head.z-move {
        cursor: move;
        user-select: none;
    }
    .d-dialog.z-full .dialog-head.z-move, .d-dialog-queue .dialog-head.z-move {
        cursor: auto;
    }
    .d-dialog.z-move .dialog-body:after {
        content: '';
        z-index: 999;
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
    }
    .dialog-head p {
        font-size: 18px;
        font-weight: bold;
        color: #000;
        text-indent: 16px;
    }
    .dialog-head a {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        color: #999;
        text-align: center;
        cursor: pointer;
    }
    .dialog-head a:hover {
        color: #000;
    }

    .dialog-body {
        position: relative;
        overflow: auto;
    }
    .dialog-body iframe {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        border: none;
    }

    .dialog-foot {
        height: 72px;
        line-height: 72px;
        border-top: 1px solid #ddd;
        padding: 0 18px;
    }
    .dialog-foot button {
        height: 44px;
        padding: 0 2em;
        border: none;
        border-radius: 4px;
        margin-left: 12px;
        font-size: 15px;
        color: #777;
        background: #eee;
    }
    .dialog-foot button.hl {
        color: #fff;
        background: #FF9000;
    }

    .d-dialog-queue {
        z-index: 999;
        position: fixed;
        right: 0;
        bottom: 0;
    }
    .d-dialog-queue .dialog-head {
        float: right;
        width: 160px;
        height: 34px;
        margin-left: 5px;
    }
    .d-dialog-queue .dialog-head p {
        right: 68px;
    }
    /* end dialog */

    .d-popups-layer {
        z-index: 997;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(0,0,0,.8);
    }
/* end popups */